{% extends '::base.html.twig' %} 
{% block module_name %}Liquidaciones{% endblock %}
{% block title %}Liquidaciones :: Liquidar{% endblock %}

{% block body %}
<h2>Formulario</h2>
<div class="widget_inside">
    <form action="{{ path('liquidaciones_confirmarliquidacion') }}" method="POST">
        {% if not hayTipoNomina %}
            <span class="notification information">Debe seleccionar el tipo de nomina a Liquidar</span>
        {% endif %}
        {% if hayLiquidaciones %}
            <span class="notification undone">Los conceptos solo se pueden liquidar una vez por periodo y contrato</span>
        {% endif %}
        <div class="form">
            <div class="clearfix">
                <label>Nomina</label>
                <div class="input">
                    <select class="actions">
                        <option value="{{ path('liquidaciones_liquidacionparcial') }}">- Seleccione -</option>
                        {% for tipoNomina in tiposNomina %}
                            <option {% if hayTipoNomina and tipoNominaActual.id == tipoNomina.id %}selected{% endif %} value="{{ path('liquidaciones_liquidacionparcial', { 'idTipoNomina': tipoNomina.id}) }}">{{tipoNomina.nombre}}</option>
                        {% endfor %}
                    </select>
                    <input type="hidden" name="tipoNomina" value="{% if hayTipoNomina %}{{tipoNominaActual.id}}{% endif %}" />
                </div>
            </div>
            <div class="clearfix">
                <label>Periodo</label>
                <div class="input">
                    <select name="periodoLaboral" required>
                        <option value>- Seleccione -</option>
                        {% for periodoLaboral in periodosLaborales %}
                            <option value="{{ periodoLaboral.id }}">{{periodoLaboral.idPeriodo.comentarios}}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>
            <div class="clearfix">
                <label>Fecha de Liquidaci&oacute;n</label>
                <div class="input">
                    <input type="text" class="date" name="fechaLiquidacion" required />
                </div>
            </div>
            <div class="clearfix">
                <label>Notas</label>
                <div class="input">
                    <textarea name="notas"></textarea>
                </div>
            </div>
            <div class="clearfix">
                <div class="widget_inside">
                    <h4>Nombramientos "{% if hayTipoNomina %}{{tipoNominaActual.nombre}}{% endif %}"</h4>
                    <table class="regular datatables">
                        <thead>
                            <tr>
                                <th><input id="selectAllContratos" class="row" type="checkbox" name="AllContratos" value="yes" /></th>
                                <th>Referencia</th>
                                <th>Trabajador</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for contrato in contratos %}
                            <tr>
                                <td><input type="checkbox" class="row contrato" name="contratos[]" value="{{contrato.id}}" /></td>
                                <td>{{contrato.referencia}}</td>
                                <td>{{contrato.idTrabajador}}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="clearfix">
                <div class="widget_inside">
                    <h4>Conceptos a Liquidar</h4>
                    <table class="regular datatables">
                        <thead>
                            <tr>
                                <th><input id="selectAllConceptos" class="row" type="checkbox" name="AllConceptos" value="yes" /></th>
                                <th>Nombre</th>
                                <th>Formula</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for concepto in conceptos %}
                            <tr>
                                <td><input type="checkbox" class="row concepto" name="conceptos[]" value="{{concepto.id}}" /></td>
                                <td>{{concepto.nombre}}</td>
                                <td>{{concepto.formula}}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="clearfix grey-highlight">
                <div class="input no-label">
                    {% if hayTipoNomina %}<button type="submit" class="submit button blue" >Siguiente</button>{% endif %}
                    <a href="{{ path('liquidaciones') }}" class="button">Cancelar</a>
                </div>
            </div>  
        </div>
    </form>
</div>
<script>
    $(document).ready(function(){ 
       $('.submit').live('click', function(){
           if($("table").find(".contrato:checked").length == 0 || $("table").find(".concepto:checked").length == 0){
               alert('Debe seleccionar por lo menos un contrato y un concepto');
               return false;
           }
       });
        $(".concepto").click(function (){
            $('#selectAllConceptos').attr('checked', false);
        });
        $(".contrato").click(function (){
            $('#selectAllContratos').attr('checked', false);
        });
    });
</script>
{% endblock %}